<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>360主页</title>
        <link rel="stylesheet" href="css/header.css"> 
        <link rel="stylesheet" href="css/body.css">
    </head>
    <body>
        <div id="doc-header">
            <div id="doc-boder">
                <div id="top-menu">
                    <a href="#"><input type="button" value="设360导航为首页"></a>
                </div>
                <div id="container">
                    <a class="tools" href="#">搜索1</a>
                    <span class="spilt">|</span>
                    <a class="tools" href="#">搜索2</a>
                    <span class="spilt">|</span>
                    <a class="tools" href="#">搜索3</a>
                    <span class="spilt">|</span>
                    <a class="tools" href="#">搜索4</a>
                </div>
            </div>
        </div>
        <div id="doc-body">
            <div id="doc-main">
                <div id="doc-main-header">
                    <div id="hd-main-header-frame">
                        <div id="hd-logo">
                            <a href="#" id="img-logo"><img src="https://p1.ssl.qhimg.com/t0151320b1d0fc50be8.png"></a>
                        </div>
                        <div id="hd-wather">
                            <div>
                                <span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>